<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>发起投票</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="./css/index.css" rel="stylesheet">
    <style>
        .controls input {width: 300px;}
    </style>
    <link rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">  <!-- Google web font "Open Sans" -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!--    <link rel="stylesheet" href="../css/demo.css" />-->
    <link rel="stylesheet" href="css/templatemo-style.css">
     <script type="text/javascript" src="js/modernizr.custom.86080.js"></script>
</head>
<body>
    <script src="js/app.js"></script>
<!-- <script type="text/javascript" color="255,0,0" opacity='0.7' zIndex="-2" count="200" src="./js/canvas-nest.js"></script> -->
<div id="particles-js"></div>
<ul class="cb-slideshow">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<div class="container-fluid">
    <div class="row cb-slideshow-text-container ">
        <div class= "tm-content col-xl-6 col-sm-8 col-xs-8 ml-auto section">
            <div class="container" >
<nav class="navbar navbar-inverse navbar-fixed-top " role="navigation top">
    <!-- banner begin -->
    <div class="container-fluid top">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
        <span class="sr-only">切换导航</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      </button>
      <h1>Vote System Mobile <span class="label label-warning">BlockChain</span></h1>
    </div>
    <div class="collapse navbar-collapse" id="navbar-menu">
      <ul class="nav navbar-nav navbar-right ">
      <li id="click"><a href="../index.html" class="glyphicon glyphicon-home"  ></a></li>
      <li id="click"><a href="#" class="glyphicon glyphicon-refresh"  ></a></li>
      </ul>
    </nav>
    <!-- banner end -->
                <div class="box_add">
                    <h1 style="color: #000000">&nbsp;Add Candidate Page</h1>
<div class="panel panel-info ">
    <div class="panel-heading">
        <h2 >
            Import Vote Information
        </h2>
    </div>
    <div class="panel-body">
      <div id="main" style="width: 400px; margin-left:400px ;">
        <div class="control-group">
            <label class="control-label" for="inputName">Theme of Vote</label>
            <div class="controls">
                <input type="text" class="form-control text-info input-lg" style="color: #000000" id="inputName" name="name" placeholder="Please input the Theme" required>
            </div>
        </div>
          <br>
        <div class="control-group">
            <label class="control-label" for="inputProposals">Names</label>
            <div class="controls">
                <input type="text" class="form-control text-info input-lg" style="color: #000000" id="inputProposals" name="proposals" placeholder="Input the candidate,separating with comma symbol" required>
            </div>
        </div>
          <br>
        <div class="control-group">
         <div class="controls">
<!--                <label class="checkbox">-->
<!--                </label>-->
                <a class="btn extra" href="javascript:history.back(-1)" style="color: #000000">Home</a>
                <button class="btn btn-success btn-lg"  onclick="App.addBallotSubmit()" class="btn">Confirm and Submit</button>
            </div>
        </div>
</div>
         
    </div>
</div>

</div>
                <h4 class="footer">Copyright©Mobile Develop of Tuesday morning @Group15</h4>


<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/web3.min.js"></script>
<script src="js/truffle-contract.js"></script>
<script src="js/app.js"></script>
<script>
    $(function() {
        App.initAddBallot();
    });
</script>
</body>
</html>
<style> .test-center {
    text-align: center;
}
.white{
    color: #ffffff;
}
.main{
    position: relative;

    left: 250px;
}
</style>